<%--
  Created by IntelliJ IDEA.
  User: A415
  Date: 2024/6/11
  Time: 17:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>新闻资讯</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/frontend/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/frontend/css/style.css"/>
</head>
<body>
<div class="clearfix nav">
    <a class="logo" href="javascript:;"></a>
    <ul class="clearfix nav-wrap">
        <li><a class="nav-item" href="index.html">首页</a></li>
        <li><a class="nav-item" href="pinpai.html">品牌故事</a></li>
        <li><a class="nav-item" href="meishi.html">美食系列</a></li>
        <li><a class="nav-item" href="shop.html">店面展示</a></li>
        <li><a class="nav-item nav-active" href="news.html">新闻资讯</a></li>
        <li><a class="nav-item" href="about-us.html">关于我们</a></li>
    </ul>
</div>

<div id="container">
    <div id="buttons">
        <span index="1" class="on"></span>
        <span index="2"></span>
        <span index="3"></span>
    </div>
    <a href="javascript:;" id="prev" class="arrow"><img src="${pageContext.request.contextPath}/frontend/img/l.png"/></a>
    <a href="javascript:;" id="next" class="arrow"><img src="${pageContext.request.contextPath}/frontend/img/r.png"/></a>
</div>

<ul class="breadnav clearfix">
    <li class="bnav-item"><a href="index.html">首页</a></li>
    <li class="bnav-item">&lt;</li>
    <li class="bnav-item"><a href="news.html">新闻资讯</a></li>
</ul>
<div class="newslist-wrap">
    <p class="newslist-tit">新闻资讯</p>
    <dl class="newslist-box clearfix">
        <dt class="newslist-pic">
            <img src="img/news-pic1.jpg"/>
        </dt>
        <dd class="newslist-txt">
            <a href="news-con.html" class="newslist-font24">西餐代表 牛排的种类和吃法</a>
            <ul class="newslist-ul">
                <li class="newslist-li">
                    <p class="newslist-time">2016.12.25</p>
                </li>
                <li class="newslist-li">
                    <a href="news-con.html" class="newslist-con">提到牛排，脑子里就会想到焦棕褐色、表面扶着香甜的肉汁，切开后的粉红肉质，入口之后留下的满口肉香。吃牛排其实是非常讲究的，精致的牛肉配上美味的香料，加以烹调，是款待尊贵客人的最佳美食。</a>
                </li>
                <li class="newslist-li"><a class="newslist-link" href="news-con.html">&lt;阅读全文&gt;</a></li>
            </ul>
        </dd>
    </dl>
    <span class="news-line">
				<img src="${pageContext.request.contextPath}/frontend/img/news-line.png"/>
			</span>
    <dl class="newslist-box clearfix">
        <dt class="newslist-pic">
            <img src="img/news-pic2.jpg"/>
        </dt>
        <dd class="newslist-txt">
            <a href="news-con.html" class="newslist-font24">西餐代表 牛排的种类和吃法</a>
            <ul class="newslist-ul">
                <li class="newslist-li">
                    <p class="newslist-time">2016.12.25</p>
                </li>
                <li class="newslist-li">
                    <a href="news-con.html" class="newslist-con">提到牛排，脑子里就会想到焦棕褐色、表面扶着香甜的肉汁，切开后的粉红肉质，入口之后留下的满口肉香。吃牛排其实是非常讲究的，精致的牛肉配上美味的香料，加以烹调，是款待尊贵客人的最佳美食。</a>
                </li>
                <li class="newslist-li"><a class="newslist-link" href="news-con.html">&lt;阅读全文&gt;</a></li>
            </ul>
        </dd>
    </dl>
    <span class="news-line">
				<img src="${pageContext.request.contextPath}/frontend/img/news-line.png"/>
			</span>
    <dl class="newslist-box clearfix">
        <dt class="newslist-pic">
            <img src="img/news-pic3.jpg"/>
        </dt>
        <dd class="newslist-txt">
            <a href="news-con.html" class="newslist-font24">西餐代表 牛排的种类和吃法</a>
            <ul class="newslist-ul">
                <li class="newslist-li">
                    <p class="newslist-time">2016.12.25</p>
                </li>
                <li class="newslist-li">
                    <a href="news-con.html" class="newslist-con">提到牛排，脑子里就会想到焦棕褐色、表面扶着香甜的肉汁，切开后的粉红肉质，入口之后留下的满口肉香。吃牛排其实是非常讲究的，精致的牛肉配上美味的香料，加以烹调，是款待尊贵客人的最佳美食。</a>
                </li>
                <li class="newslist-li"><a class="newslist-link" href="news-con.html">&lt;阅读全文&gt;</a></li>
            </ul>
        </dd>
    </dl>
    <span class="news-line">
				<img src="${pageContext.request.contextPath}/frontend/img/news-line.png"/>
			</span>
    <dl class="newslist-box clearfix">
        <dt class="newslist-pic">
            <img src="img/news-pic4.jpg"/>
        </dt>
        <dd class="newslist-txt">
            <a href="news-con.html" class="newslist-font24">西餐代表 牛排的种类和吃法</a>
            <ul class="newslist-ul">
                <li class="newslist-li">
                    <p class="newslist-time">2016.12.25</p>
                </li>
                <li class="newslist-li">
                    <a href="news-con.html" class="newslist-con">提到牛排，脑子里就会想到焦棕褐色、表面扶着香甜的肉汁，切开后的粉红肉质，入口之后留下的满口肉香。吃牛排其实是非常讲究的，精致的牛肉配上美味的香料，加以烹调，是款待尊贵客人的最佳美食。</a>
                </li>
                <li class="newslist-li"><a class="newslist-link" href="news-con.html">&lt;阅读全文&gt;</a></li>
            </ul>
        </dd>
    </dl>
    <span class="news-line">
				<img src="${pageContext.request.contextPath}/frontend/img/news-line.png"/>
			</span>
    <dl class="newslist-box clearfix">
        <dt class="newslist-pic">
            <img src="img/news-pic5.jpg"/>
        </dt>
        <dd class="newslist-txt">
            <a href="news-con.html" class="newslist-font24">西餐代表 牛排的种类和吃法</a>
            <ul class="newslist-ul">
                <li class="newslist-li">
                    <p class="newslist-time">2016.12.25</p>
                </li>
                <li class="newslist-li">
                    <a href="news-con.html" class="newslist-con">提到牛排，脑子里就会想到焦棕褐色、表面扶着香甜的肉汁，切开后的粉红肉质，入口之后留下的满口肉香。吃牛排其实是非常讲究的，精致的牛肉配上美味的香料，加以烹调，是款待尊贵客人的最佳美食。</a>
                </li>
                <li class="newslist-li"><a class="newslist-link" href="news-con.html">&lt;阅读全文&gt;</a></li>
            </ul>
        </dd>
    </dl>
    <ul class="shop-paging clearfix">
        <li><a href="javascript:;" class="pag-item">&lt;</a></li>
        <li><a href="news.html" class="pag-item pag-active">1</a></li>
        <li><a href="javascript:;" class="pag-item">2</a></li>
        <li><a href="javascript:;" class="pag-item">3</a></li>
        <li><a href="javascript:;" class="pag-item">4</a></li>
        <li><a href="javascript:;" class="pag-item">&gt;</a></li>
    </ul>
</div>
<div class="foot">
    <div class="foot-wrap">
        <p class="foot-tit">友情链接</p>
        <ul class="foot-link clearfix">
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link6.png"/></a>
            </li>
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link5.png"/></a>
            </li>
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link4.png"/></a>
            </li>
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link3.png"/></a>
            </li>
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link2.png"/></a>
            </li>
            <li class="foot-pic">
                <a href="javascript:;"><img src="${pageContext.request.contextPath}/frontend/img/link1.png"/></a>
            </li>
        </ul>
        <div class="copyright">
            <p>CopyRight©2003-2015 www.91cy.cn All rigt rederved</p>
            <p>版权所有：贵族食代牛排有限公司</p>
            <p>ICP备案号：京ICP备16047255号-3本站信息由会员自主添加，如信息涉及隐私等，网站不承担任何责任！</p>
        </div>
    </div>
</div>

</body>
<!--jq调用-->
<script src="${pageContext.request.contextPath}/frontend/js/jquery-1.11.0.js" type="text/javascript"></script>
<script type="text/javascript">
    //导航当前项切换
    $(".nav-item").click(function(){
        $(this).parent("li").siblings().children().removeClass("nav-active");
        //点击对象的父级（li）的兄弟级（li）的子集（a）移除类
        $(this).addClass("nav-active");
        //给点击对象添加类
    });
</script>
</html>
